<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./css/bootstrap.css">
  <link rel="stylesheet" href="./css/team.css">
  <script src="./js/jquery.min.js"></script>
  <script src="./js/popper.min.js"></script>
  <script src="./js/bootstrap.min.js"></script>
  <title>Document</title>
  <style></style>
</head>

<body>
  <header>
    <!-- 导航栏 -->
    <div class="daohang">
      <div class="container">      
        <div class="navbar  navbar-light navbar-expand-lg">
          <a href="#" class="">
        <img src="./img/logo.png" alt="">
          </a>          
        <!-- 小菜单 -->
         <button class="navbar-toggler" data-toggle="collapse" data-target="#menu">
           <span class="navbar-toggler-icon"></span>
         </button >
        <!-- 大菜单 -->
        <div id="menu" class="collapse navbar-collapse">
          <!-- 导航 -->
          <div class="sou bg-white ml-lg-5">
            <ul class="list-unstyled nav-list float-left d-flex">
              <li><a href="./index.html" >网站首页</a></li>
              <li><a href="./about.html" >关于我们</a></li>
              <li><a href="./team.html" >医疗团队</a></li>
              <li><a href="#" >服务项目</a></li>
              <li><a href="#" >医疗项目</a></li>
              <li><a href="#" >医疗案例</a></li>
              <li><a href="#" >分院地址</a></li>
              <li><a href="#" >医护常识</a></li>
              <li><a href="#" class="text-dark">联系我们</a></li>
            </ul>
          </div>
        </div>
      </div> 

    </div>
    </div>
  </header>
  <!-- 头部图片 -->
  <div class="image">    
      <div class="row col-12">
        <img src="./img/lun3.jpg" alt="" class="h-100 w-100" >
      </div>
    
  </div>
  <!-- 小导航 -->
  <div class="xdh">
    <div class="container">
      <div class="row">
        <ul class="nav nav-pills mt-4 col-12 col-md-9">
        <li class="nav-item"><a href="#" class="nav-link active" data-toggle="pill">-全部</a></li>
        <li class="nav-item"><a href="#" class="nav-link" data-toggle="pill">-专家委员会</a></li>
        <li class="nav-item"><a href="#" class="nav-link" data-toggle="pill">-明星医师</a></li>
        <li class="nav-item"><a href="#" class="nav-link" data-toggle="pill">-医院天使</a></li>
        </ul>
        <div class="nav2 row pt-3 col-12 col-md-3 mt-3">
          <b>您的位置：</b>
          <a href="#">网站首页</a>
          <a href="#">医疗团队</a>
        </div>
      </div>
    </div>
  </div>
  <!-- 主体内容 -->
  <div class="zt">
    <!-- 上方标题 -->
    <div class="zt-tit">
      <div class="container p-0 mt-5 mb-3">
        <h3>Medical team</h3>
        <p>医疗团队</p>
      </div>
    </div>
    <!-- 下方内容 -->
    <div class="td">
      <div class="container">
        <div class="body">       
          <ul class="list-unstyled text-center">
           <div class="row">
            <li class="col-md-4"><a href="#">
              <img src="./img/ren1.jpg" alt="" class="w-100 ">
              <h3 class="pb-3 pt-3">院长</h3>             
            </a></li>
            <li class="col-md-4"><a href="#">
             <img src="./img/ren2.jpg" alt="" class="w-100">
             <h3 class="pb-3 pt-3">副院长</h3>            
            </a></li>
            <li class="col-md-4"><a href="#">
             <img src="./img/ren3.jpg" alt="" class="w-100">
             <h3 class="pb-3 pt-3">副院长</h3>
            </a></li>
            <li class="col-md-4"><a href="#">
              <img src="./img/ren4.jpg" alt="" class="w-100">
              <h3 class="pb-3 pt-3">副院长</h3>
             </a></li>
             <li class="col-md-4"><a href="#">
              <img src="./img/ren5.jpg" alt="" class="w-100">
              <h3 class="pb-3 pt-3">副院长</h3>
             </a></li>
             <li class="col-md-4"><a href="#">
              <img src="./img/ren6.jpg" alt="" class="w-100">
              <h3 class="pb-3 pt-3">医师</h3>
             </a></li>

           </div>
          </ul>       
        </div>
      </div>
    </div>
    <!-- 分页 -->
    <div class="fy">
      <div class="container">
        <div class="neifen">
         <ol class="pagination ">
          <li class="page-item "><a href="#" class="page-link jump">上一页</a></li>
          <li class="page-item active"><a href="#" class="page-link">1</a> </li>
          <li class="page-item"><a href="#" class="page-link">2</a> </li>         
          <li class="page-item"><a href="#" class="page-link jump">下一页</a></li>
         </ol>
        </div>
      </div>
    </div>
  </div>
    <!-- 页尾 -->
    <footer>
      <div class="container">
        <div class="top row d-block text-center pt-3">
          <b>友情链接：</b>
          <a href="#">/动物医院</a>
          <a href="#">/宠物百科</a>
        </div>
        <div class="row pt-5">
          <div class="col-12 col-md-4 ">
            <h5>关于我们</h5>
            <img src="./img/ma.png" alt="" class="">
            <p>扫一扫！关注我们最新消息</p>
          </div>
          <div class="col-12 col-md-4">
            <h5>联系我们</h5>
            <p class="ts">0731-000-000</p>
            <p>周一至周日9:00-18:00</p>
            <p>邮箱：email@email.mt</p>
            <p>地址：四川省成都市总部经济区</p>
          </div>
          <div class="col-12 col-md-4 ">
            <h5>网站导航</h5>
            <div class="foot-list justify-content-between d-flex w-50">
              <ul class="list-unstyled">
                <li><a href="./about.html">关于我们</a></li>
                <li><a href="#">服务项目</a></li>
                <li><a href="#">医疗案例</a></li>
                <li><a href="#">医护常识</a></li>
                <li><a href="#">特色功能</a></li>
              </ul>
              <ul class="list-unstyled">
                <li><a href="./team.html">医疗团队</a></li>
                <li><a href="#">医疗设备</a></li>
                <li><a href="#">分院地址</a></li>
                <li><a href="#">联系我们</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </footer>
    <div class="biaoqian">
      <b>&copy;作品制作人：曹莉君</b>
    </div>
  
</body>

</html>